<%--
  Created by IntelliJ IDEA.
  User: Trioutia
  Date: 2022/5/6
  Time: 8:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>书城</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/common.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/main.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/reset.css">
  <script type="text/javascript" src="${pageContext.request.contextPath }/WebFront/js/main.js"></script>
</head>
<body>

<div class="modal1" id="modal1">

  <div class="login" id="login">

    <div class="close">
      <a href="javascript:closelogin()" onclick="closelogin()">X</a>
    </div>

    <form action="${pageContext.request.contextPath }/user/login" method="post" name="formLogin">

      <div class="account">
        账号:<input type="text" name="account" placeholder="请输入账号">
      </div>

      <div class="password">
        密码:<input type="password" name="password" placeholder="请输入密码">
      </div>

      <div class="submit">
        <button type="button" onclick="LoginNull();successLogin()">
          登录
        </button>
      </div>

    </form>

    <div class="wrapRegister">
      注册请按<a href="javascript:wrapRegister()" onclick="wrapRegister()">< 这儿 ></a>
    </div>

  </div>

  <div class="register" id="register">
    <a href="javascript:closelogin()" onclick="closelogin()">
      <div class="close">X</div>
    </a>

    <form action="${pageContext.request.contextPath }/user/register" method="post" name="formRegister">

      <div class="password">
        密码:<input type="password" name="password" placeholder="请输入密码">
      </div>

      <div class="repassword">
        确认:<input type="password" name="repassword" placeholder="请确认密码">
      </div>

      <div class="phone">
        电话:<input type="text" name="phone" placeholder="请输入电话">
      </div>

      <div class="check">
        验证:<input type="text" name="check" placeholder="请输入验证码">
      </div>

      <div class="permissions">
        <input type="radio" name="permission" id="USER" value="USER">用户
        <input type="radio" name="permission" id="ADMIN" value="ADMIN">管理员
      </div>

      <div class="submit">
        <button type="button" onclick="RegisterNull()">
          注册
        </button>
      </div>

    </form>

    <div class="wrapLogin">
      登录请按<a href="javascript:wrapLogin()" onclick="wrapLogin()">< 这儿 ></a>
    </div>

  </div>

</div>

<div class="main">
  <div class="header">
    <div class="mid">

      <div style="display: block" class="sl" id="successLogin">
        <!--个人信息网址-->
        <a href="${pageContext.request.contextPath }/user/info">
          <div class="successLogin" >${registerUName}</div>
        </a>
      </div>

      <div class="welcome">
        Welcome to The City of books!
      </div>

      <div class="search">
        <form action="" method="get">
          <input type="text" placeholder="搜索书名/作者">
        </form>
      </div>

    </div>
  </div>

  <div class="container">
    <div class="panelChoice">
      <div class="choice">
        <div class="items type clearfix" ><div class="items-left">类型：</div><ul class="items-right" ><li class="selected">全部</li><li >小说</li><li >文学</li><li >历史</li><li >传记</li><li >青春</li><li >励志</li><li >社科</li><li >心理</li><li >经济</li><li >管理</li><li >理财</li></ul> </div>
        <div class="items zoon clearfix" ><div class="items-left">区域：</div><ul class="items-right" ><li class="selected">全部</li><li >中国</li><li >欧美</li><li >日本</li></ul> </div>
        <div class="items other clearfix" ><div class="items-left">其他：</div><ul class="items-right" ><li class="selected">全部</li><li >特价</li><li >免费</li><li >VIP</li></ul> </div>
      </div>
    </div>
    <div class="panelContent">
      <div class="moviesList clearfix">
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打阿三达瓦达瓦达瓦</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
        <div class="movieItem"><a href=""><div class="dimax">折扣</div><img src="${pageContext.request.contextPath }/WebFront/images/book.jpg"></a><div class="eval"><a href="">阿松大我能打</a><div class="value">price</div></div></div>
      </div>
    </div>
    <div class="changePage">
      <ul class="pageItems clearfix">
        <li class="pageItem"><div class="pageItemNumber ">上一页</div></li>
        <li class="pageItem selected"><div class="pageItemNumber "> 1 </div></li>
        <li class="pageItem"><div class="pageItemNumber "> 2 </div></li>
        <li class="pageItem"><div class="pageItemNumber "> 3 </div></li>
        <li class="pageItem"><div class="pageItemNumber "> 4 </div></li>
        <li class="pageItem"><div class="pageItemNumber "> 5 </div></li>
        <li class="pageItem"><div class="pageItemNumber "> 6 </div></li>
        <li class="pageItem"><div class="pageItemNumber ">下一页</div></li>
      </ul>
    </div>
  </div>

</div>
</body>
</html>
